<template>
  <el-dialog
    title="会员卡信息"
    :visible.sync="membershipCard.show"
    width="1000px"
    center
  >
    <div class="dialog-content">
      <el-table
        :data="membershipCard.tableData"
        border
        :header-cell-style="{ textAlign: 'center' }"
        :cell-style="{ textAlign: 'center' }"
      >
        <el-table-column prop="coupon_Name" label="系列名称"> </el-table-column>
        <el-table-column prop="cardInlClude" label="卡内包含">
        </el-table-column>
        <el-table-column prop="sale_Price" label="销售价"> </el-table-column>
        <el-table-column prop="buyFreeCost" label="购买赠送"> </el-table-column>
        <el-table-column prop="hxLimit" label="核销限制"> </el-table-column>
        <el-table-column prop="cardCost" label="卡内剩余"> </el-table-column>
        <el-table-column prop="hxBalance" label="核销结算"> </el-table-column>
        <el-table-column label="购买日期">
          <template slot-scope="scope">
            {{ scope.row.addTime | filterTime }}
          </template>
        </el-table-column>
        <el-table-column label="有效期">
          <template slot-scope="scope">
            {{ scope.row.deadline | filterTime }}
          </template>
        </el-table-column>
      </el-table>
    </div>
  </el-dialog>
</template>
<script>
export default {
  props: {
    membershipCard: {
      type: Object,
      default: () => {
        return {};
      }
    }
  }
};
</script>
